<template>
    <div class="wrap">
    	<header-v></header-v>
  		<div class="pro-content">
  			<div class="tab">
  				<router-link to="">推荐路线</router-link>
  				<router-link to="">热门路线</router-link>
  				<router-link to="">国内路线</router-link>
  				<router-link to="">国外路线</router-link>
  				<router-link to="">自由行</router-link>
  				<router-link to="">全部</router-link>
  			</div>
  			<div class="content">
  				<ul>
					<li>
						<img src="../../assets/lvx5.jpg" alt="" />
						<router-link to="">西班牙游</router-link>
					</li>
					<li>
						<img src="../../assets/lvx6.jpg" alt="" />
						<router-link to="">塞班岛游</router-link>
					</li>
					<li>
						<img src="../../assets/lvx3.jpg" alt="" />
						<router-link to="">水上城市</router-link>
					</li>
					<li>
						<img src="../../assets/lvx2.jpg" alt="" />
						<router-link to="">“黄金”城</router-link>
					</li>
					<li>
						<img src="../../assets/lvx4.jpg" alt="" />
						<router-link to="">欧洲特色旅行</router-link>
					</li>
					<li>
						<img src="../../assets/lvx1.jpg" alt="" />
						<router-link to="">清新地中海游</router-link>
					</li>
				</ul>
  			</div>
  			<div class="page">
				<router-link to="/" class="num"> < </router-link>
				<router-link to="/" class="num active">1</router-link>
				<router-link to="/" class="num">2</router-link>
				<router-link to="/" class="num">3</router-link>
				<router-link to="/" class="num">4</router-link>
				<router-link to="/" class="num">5</router-link>
				<router-link to="/" class="num"> > </router-link>
			</div>
  		</div>
  		<footer-v></footer-v>
  </div>
</template>


<script>
import {Swiper, SwiperItem} from 'vux'
import footer from '../public/footer'
import header from '../public/header'

export default {
	
  components: {
  	footerV : footer,
  	headerV : header,
  	Swiper, SwiperItem
  },
  data () {
    return {
        
    }
  },
  methods : {
    
  }
}
</script>

<style type="text/css" scoped="scoped">
	/* Product.style */
	.tab{overflow:hidden; margin:0.2rem auto;}
	.tab a{display:block; width:0.8rem; height:0.34rem; background:rgba(0,134,205,1); text-align:center; line-height:0.34rem; color:#fff; float:left; margin-left:0.2rem; margin-bottom:0.15rem;}
	.content ul{overflow:hidden; text-align:center;}
	.content li{width:48%; float:left; margin-bottom:0.06rem;}
	.content li:nth-of-type(2n){margin-left:0.12rem;}
	.content img{width:100%;}
	.content a{color:#999; line-height:0.35rem;}
</style>